<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/page/template/admin_main.xhtml">

	<ui:define name="title">
			Admin Login Page
	</ui:define>

	<ui:define name="content">
		<div class="adminContent">
			<div class="article-container">
				<h3>صفحة الأدمن</h3>
				
				<div class="article-separator"></div>

				<div class="clear-floating"></div>
				
				<h:form id="f1">
					<p:messages />
					
					<p:panelGrid id="pg1" columns="2">
						<p:outputLabel id="ol1" value="كلمة السر القديمة" for="old-pass" />
						<p:password id="old-pass" value="#{changePasswordBean.oldPassword}" required="true" requiredMessage="الرجاء ادخال كلمة السر القديمة"  />
						
						<p:outputLabel id="ol2" value="كلمة السر الجديدة" for="new-pass" />
						<p:password id="new-pass" value="#{changePasswordBean.newPassword}" required="true" requiredMessage="الرجاء ادخال كلمة السر الجديدة" />
						
						<p:outputLabel id="ol3" value="تأكيد كلمة السر" for="confirm-pass" />
						<p:password id="confirm-pass" value="#{changePasswordBean.confirmPassword}" required="true" requiredMessage="الرجاء ادخال تأكيد كلمة السر" />			
					</p:panelGrid>
					
					<br/>
					
					<p:commandButton id="cb1" value="تغيير كلمة السر" action="#{changePasswordBean.changePassword}" ajax="false" />
				</h:form>
				
			</div>
			<div class="clear-floating"></div>
			
		</div>
	</ui:define>

</ui:composition>
</html>